<?php include "header.php"; ?>
<div class="container">
<div id="content"> <!-- Content start -->
                <div id="top_navigation"> <!-- Main navigation start -->
                    <ul>
                        <li><a href="index.php"><i class="icon-calendar"></i> Calender</a></li>
                        <li><a href="appointees.php"><i class="icon-user"></i> Appointees</a></li>
                        <li><a href="appointment-types.php"><i class="icon-th-large"></i> Appointment types</a></li>
                        <li class="active"><a href="profile.php"><i class="icon-wrench"></i> Profile</a></li>
                        <li><a href="report.php"><i class="icon-paste"></i> Reports</a></li>
                    </ul>                   
                </div>  

                
            </div>
<h2>Profile</h2>
<h4>Edit or complete your profile details here</h4>
<hr>

<div class="widgets_area">
                <div class="row-fluid">
                    <div class="span12">
                        <div class="well green">
                            <div class="well-header">
                                <h5><strong>Edit your profile</strong></h5>
                            </div>

                            <div class="well-content no-search">
                            	<h4>Personal Details</h4>
                                <div class="form_row">
                                    <label class="field_name align_right">First Name*</label>
                                    <div class="field">
                                        <input class="span4" type="text" value="John">
                                    </div>
                                </div>
                                <div class="form_row">
                                    <label class="field_name align_right">Last Name*</label>
                                    <div class="field">
                                        <input class="span4" type="text" value="Smith">
                                    </div>
                                </div>
                                <div class="form_row">
                                    <label class="field_name align_right">Brief Bio</label>
                                    <div class="field">
                                        <textarea rows="5" cols="49"></textarea>
                                    </div>
                                </div>
                                <div class="form_row">
                                    <label class="field_name align_right">Gender</label>
                                    <div class="field">
                                        <label class="radio">
                                            <input type="radio" name="checkbox1"> Male
                                        </label>
                                        <label class="radio">
                                            <input type="radio" name="checkbox1"> Female
                                        </label>
                                    </div>
                                </div>
                                <div class="form_row">
                                    <label class="field_name align_right">Date of Birth</label>
                                    <div class="field">
                                        <div class="span4 input-append date form_datetime2" data-date="2013-02-21T15:25:00Z">
                                            <input size="16" type="text" value="" readonly class="span10">
                                            <span class="add-on"><i class="icon-remove"></i></span>
                                            <span class="add-on"><i class="icon-calendar"></i></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="form_row">
                                    <label class="field_name align_right">Enter Phone</label>
                                    <div class="field">
                                        <input type="text" class="span4" id="mask_phone">
                                    </div>
                                </div>
                                <div class="form_row">
                                    <label class="field_name align_right">Address</label>
                                    <div class="field">
                                        <input class="span4" type="text">
                                    </div>
                                </div>
	                                
                                <div class="form_row">
                                    <label class="field_name align_right">Upload your image</label>
                                    <div class="field">
                                        <div class="fileupload fileupload-new" data-provides="fileupload">
                                          <div class="fileupload-new thumbnail" style="width: 200px; height: 150px;"><img src="http://www.placehold.it/200x150/EFEFEF/AAAAAA&amp;text=no+image" /></div>
                                          <div class="fileupload-preview fileupload-exists thumbnail" style="max-width: 200px; max-height: 150px; line-height: 20px;"></div>
                                          <div>
                                            <span class="btn btn-file"><span class="fileupload-new">Select image</span><span class="fileupload-exists">Change</span><input type="file" /></span>
                                            <a href="#" class="btn fileupload-exists" data-dismiss="fileupload">Remove</a>
                                          </div>
                                        </div>
                                    </div>
                                </div>
                                <hr>
                                <h4>Business Information</h4>
                                <div class="form_row">
                                    <label class="field_name align_right">Business Name*</label>
                                    <div class="field">
                                        <input class="span4" type="text" value="Engineering">
                                    </div>
                                </div>
                                <div class="form_row">
                                    <label class="field_name align_right">URL Prefix*</label>
                                    <div class="field">
                                        <input class="span4" type="text" value="yourprefix"> .appointme.com
                                    </div>
                                </div>
                                <div class="form_row">
                                    <label class="field_name align_right">Category</label>
                                    <div class="field">
                                    <select class="span4">
                                    		<option>Choose a category...</option>
                                    		<option>Art</option>
                                    		<option>Engineering</option>
                                    		<option>Medecine</option>
                                    		<option>Sport</option>
                                    		<option>Education</option>
                            			</select>
                            		</div>
                                </div>
                                <div class="form_row">
                                    <label class="field_name align_right">Business Details*</label>
                                    <div class="field">
                                        <textarea rows="5" cols="49"></textarea>
                                    </div>
                                </div>
                                
                                <hr>
                                <h4>Profile Information</h4>
                                <div class="form_row">
                                    <label class="field_name align_right">Email*</label>
                                    <div class="field">
                                        <input class="span4" type="text" value="john@mail.com">
                                    </div>
                                </div>
                                <div class="form_row">
                                    <label class="field_name align_right">Password*</label>
                                    <div class="field">
                                        <input class="span4" type="password" value="yourprefix">
                                    </div>
                                </div>
                                
                                <hr>
                                <div class="form_row">
                                    <div class="field">
                                        <a href="#" class="btn green span4">Save Settings</a>
                                        <a href="#" class="btn red span2">Cancel</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
<?php include "footer.php"; ?>